import { colorAddOpcity } from '@common/utils';
import { DEFAULT_MODE, DEFAULT_THEME, DEFAULT_STYLE_MODE } from '@constants/style';
const ModeDataMixin = {
    computed: {
        fontColor() {
            return `color: ${this.theme};`;
        },
        modeFontColor() {
            return this.mode === 'white' ? '#333333' : '#EDEDED';
        },
        opcityBackground() {
            return `background-color: ${colorAddOpcity(this.theme, 0.2)};color: ${this.theme};border: none;`;
        },
        opcityBg() {
            return (num) => {
                return `background-color: ${colorAddOpcity(this.theme, num || 0.2)};`;
            };
        },
        themeBackround() {
            return `background-color: ${this.theme};color: #FFFFFF;border: none;`;
        },
        borderColor() {
            return `border-left: 3px solid ${this.theme};`;
        },
        disableStyle() {
            return 'opacity: 0.3';
        },
        standAndTasteSelectColor() {
            return `background-color: ${colorAddOpcity(this.theme, 0.2)};color: ${this.theme};border-color: ${colorAddOpcity(this.theme, 0.3)};`;
        },
        buttonRound() {
            return this.styleMode === 'circle';
        },
        borderThemeColor() {
            return (num) => {
                return `border-color: ${colorAddOpcity(this.theme, num || 0.3)};`;
            };
        },
    },
};

export default ModeDataMixin;
